<template>
	<div class="form">
	 <el-container>
	   <el-main>
	     <el-row :gutter="10">
	     	<el-col :span="12">
	     		<div class="box">  		
	     			<h2><img src="../assets/taobaowang/TB1_EXwb3oQMeJjy0FpXXcTxpXa-162-48.png" alt="每日好店"/> <small>发现深藏的好店</small></h2>
	     		<el-row :gutter="10">
	     			<el-col :span="12">
	     				<h3>万能集市</h3>
	     				<el-row :gutter="2">
	     					<el-col :span="16">
	     						<a href="">
	     							<img class="big" src="../assets/taobaowang/1.webp"/>
	     						</a>
	     					</el-col>
	     					<el-col :span="8">
	     						<a href="">
	     							<img class="small small-1" src="../assets/taobaowang/2.webp"/>
	     						</a>
	     						<a href="">
	     							<img class="small" src="../assets/taobaowang/3.webp"/>
	     						</a>
	     					</el-col>
	     				</el-row>
	     			</el-col>
	     			<el-col :span="12">
	     				<h3>淘宝江湖</h3>
	     				<el-row :gutter="2">
	     					<el-col :span="16">
	     						<a href="">
	     							<img class="big" src="../assets/taobaowang/4.webp"/>
	     						</a>
	     					</el-col>
	     					<el-col :span="8">
	     						<a href="">
	     							<img class="small small-1" src="../assets/taobaowang/5.webp"/>
	     						</a>
	     						<a href="">
	     							<img class="small" src="../assets/taobaowang/6.webp"/>
	     						</a>
	     					</el-col>
	     				</el-row>
	     			</el-col>
	     			<el-col :span="12">
	     				<h3>深藏不露</h3>
	     				<el-row :gutter="2">
	     					<el-col :span="16">
	     						<a href="">
	     							<img class="big" src="../assets/taobaowang/1.webp"/>
	     						</a>
	     					</el-col>
	     					<el-col :span="8">
	     						<a href="">
	     							<img class="small small-1" src="../assets/taobaowang/2.webp"/>
	     						</a>
	     						<a href="">
	     							<img class="small" src="../assets/taobaowang/3.webp"/>
	     						</a>
	     					</el-col>
	     				</el-row>
	     			</el-col>
	     			<el-col :span="12">
	     				<h3>高手林立</h3>
	     				<el-row :gutter="2">
	     					<el-col :span="16">
	     						<a href="">
	     							<img class="big" src="../assets/taobaowang/1.webp"/>
	     						</a>
	     					</el-col>
	     					<el-col :span="8">
	     						<a href="">
	     							<img class="small small-1" src="../assets/taobaowang/2.webp"/>
	     						</a>
	     						<a href="">
	     							<img class="small" src="../assets/taobaowang/3.webp"/>
	     						</a>
	     					</el-col>
	     				</el-row>
	     			</el-col>
	     		</el-row></div>
	   
	     	</el-col>
	     	<el-col :span="12">
	     	<div class="box">
	     			<h2><img src="../assets/taobaowang/TB1cmpCb3MPMeJjy1XdXXasrXXa-204-42.png" alt="淘宝直播"/> <small>你的爱豆等你呦！</small></h2>
	     		<el-row :gutter="10">
	     			<el-col :span="12">
	     				<h3>泰盛直播 <small>5888观看</small></h3>
	     				<el-row :gutter="2">
	     					<el-col :span="16">
	     						<a href="">
	     							<img class="big" src="../assets/taobaowang/1.webp"/>
	     							<span class="text">夏秋款气质小香风</span>
	     						</a>
	     					</el-col>
	     					<el-col :span="8">
	     						<a href="">
	     							<img class="small small-1" src="../assets/taobaowang/2.webp"/>
	     						</a>
	     						<a href="">
	     							<img class="small" src="../assets/taobaowang/3.webp"/>
	     						</a>
	     					</el-col>
	     				</el-row>
	     			</el-col>
	     			<el-col :span="12">
	     				<h3>毛猫直播<small>6888观看</small></h3>
	     				<el-row :gutter="2">
	     					<el-col :span="16">
	     						<a href="">
	     							<img class="big" src="../assets/taobaowang/4.webp"/>
	     							<span class="text">夏秋款气质小香风</span>
	     						</a>
	     					</el-col>
	     					<el-col :span="8">
	     						<a href="">
	     							<img class="small small-1" src="../assets/taobaowang/5.webp"/>
	     						</a>
	     						<a href="">
	     							<img class="small" src="../assets/taobaowang/6.webp"/>
	     						</a>
	     					</el-col>
	     				</el-row>
	     			</el-col>
	     			<el-col :span="12">
	     				<h3>涵木家<small>888观看</small></h3>
	     				<el-row :gutter="2">
	     					<el-col :span="16">
	     						<a href="">
	     							<img class="big" src="../assets/taobaowang/1.webp"/>
	     							<span class="text">夏秋款气质小香风</span>
	     						</a>
	     					</el-col>
	     					<el-col :span="8">
	     						<a href="">
	     							<img class="small small-1" src="../assets/taobaowang/2.webp"/>
	     						</a>
	     						<a href="">
	     							<img class="small" src="../assets/taobaowang/3.webp"/>
	     						</a>
	     					</el-col>
	     				</el-row>
	     			</el-col>
	     			<el-col :span="12">
	     				<h3>家之缘手工编织<small>8888观看</small></h3>
	     				<el-row :gutter="2">
	     					<el-col :span="16">
	     						<a href="">
	     							<img class="big" src="../assets/taobaowang/1.webp"/>
	     							<span class="text">夏秋款气质小香风</span>
	     						</a>
	     					</el-col>
	     					<el-col :span="8">
	     						<a href="">
	     							<img class="small small-1" src="../assets/taobaowang/2.webp"/>
	     						</a>
	     						<a href="">
	     							<img class="small" src="../assets/taobaowang/3.webp"/>
	     						</a>
	     					</el-col>
	     				</el-row>
	     			</el-col>
	     		</el-row>
	     	</div>
	     	</el-col>
	     </el-row>
	   </el-main>
	 </el-container>
	</div>
</template>
<script>
	export default {
		name: 'Form'
	}
</script>
<style scoped>
	.form{
		background: #f4f4f4;
		display: block;
	}
	.el-container{
		margin: auto;
	}
	img{
		width: 100%;
	}
	h2{
		margin: 5;
	}
	h2 img {
		width: auto;
		height: 24px;
		display: inline-block;
	}
	small{
		font-size: 12px;
		font-weight: 300;
		color: #999;
	}
	h2 small {
		position: relative;
	
	}
	h3{
		font-size: 16px;
		font-weight: 300;
	}
	.big{
		height: 180px;
	}
	.small{
		height: 89px;
	}
	.small-1{
		margin-bottom: 2px;
	}
	a{
		display: block;
		position: relative;
	}
	.box{
		background: #fff;
		padding: 20px;
	}
	.text{
		position: absolute;
		border: 0;
		left: 10px;
		margin-top: 157px;
		color: #fff;
		font-size: 13px;
	}
</style>